<div id="wrapper">
  <div class="top">
    <div class="top_title">
      <div class="address">
        <span>所在城市:</span>
        <a [routerLink]="['/aux']">北京</a>
        <img src="../../assets/MyHeader/angle.png" alt="">
      </div>
      <div class="right">
        <ul class="list">
          <li id="login-a"><a  (click)="login($event)">{{loginStr}}</a></li>
          <li id="register-a"><a  (click)="doClick($event)">{{registerStr}}</a></li>
          <li><a (click)="doOrder()">我的订单</a></li>
          <li><a (click)="doNew()">我的消息</a></li>
          <li><a href="###">我的商家</a></li>
        </ul>
        <span class="phone">
        <img src="../../assets/MyHeader/tel.png" alt="">
        03902-2511011
      </span>
    </div>
 </div>
  </div>
  <div class="bottom">
      <a href="###"><img src="../../assets/MyHeader/logo.jpg" alt="" id="logo"></a>
      <p id="aStr">{{aStr}}</p>
    <div id="search_hot" *ngIf="isDisplay">
      <!--搜索框-->
      <input type="text" placeholder="请输入关键字进行搜索" id="search" [(ngModel)]="ojbk">
      <span id="squire"><input type="button" value="搜索" id="sousuo" (click)="clicsou()"></span>
      <ul>
        <li>热门:</li>
        <li *ngFor="let str of hot, let i = index">{{hot[i]}}</li>
      </ul>
    </div>
    <div class="personCenter" *ngIf="isDisplay">
    <a class="person" (click)="doPath()" >
      <img src="../../assets/MyHeader/xiaoren.png" alt="">
      个人中心
    </a>
      <a class="shopCar" (click)="doCar()">
      <img src="../../assets/MyHeader/shopCar.png" alt="">
      <img src="../../assets/MyHeader/yshopCar.jpg" alt="">
        <span>{{aszong()}}</span>
      购物车
    </a>
    </div>
  </div>
</div>

<!--头部导航条-->
<div class="window">
  <!--下拉菜单-->
  <span (mouseover)="isfat = false" (mouseout)="isfat = false">
    全部分类>
    <ul id="ul" *ngIf="isfat">
      <li>
        新鲜水果
        <ul class="ulTow">
          <li>时令水果</li>
          <li>进口水果</li>
          <li>沙拉拼盘</li>
          <li>水果拼盘</li>
        </ul>
      </li>
      <li>
        蔬菜净菜
        <ul class="ulTow">
          <li>时令水果</li>
          <li>进口水果</li>
          <li>沙拉拼盘</li>
          <li>水果拼盘</li>
        </ul>
      </li>
      <li>
        肉类家禽
        <ul class="ulTow">
          <li>时令水果</li>
          <li>进口水果</li>
          <li>沙拉拼盘</li>
          <li>水果拼盘</li>
        </ul>
      </li>
      <li>
        海鲜水产
        <ul class="ulTow">
          <li>时令水果</li>
          <li>进口水果</li>
          <li>沙拉拼盘</li>
          <li>水果拼盘</li>
        </ul>
      </li>
      <li>
        粮油副食
        <ul class="ulTow">
          <li>时令水果</li>
          <li>进口水果</li>
          <li>沙拉拼盘</li>
          <li>水果拼盘</li>
        </ul>
      </li>
      <li>
        零食酒水
        <ul class="ulTow">
          <li>时令水果</li>
          <li>进口水果</li>
          <li>沙拉拼盘</li>
          <li>水果拼盘</li>
        </ul>
      </li>
      <li>
        蛋奶速食
        <ul class="ulTow">
          <li>时令水果</li>
          <li>进口水果</li>
          <li>沙拉拼盘</li>
          <li>水果拼盘</li>
        </ul>
      </li>
      <li>
        全球代购
        <ul class="ulTow">
          <li>时令水果</li>
          <li>进口水果</li>
          <li>沙拉拼盘</li>
          <li>水果拼盘</li>
        </ul>
      </li>
  </ul>
  </span>
  <!--右方按钮-->
  <span>
    <a [routerLink]="['/home']">首页</a>
  </span>
  <span>
    <a [routerLink]="['/stcheng']">同城</a>
  </span>
  <span>
    <a>礼拜五</a>
  </span>
  <span>
    <a [routerLink]="['/sjfsc']">积分商城</a>
  </span>

</div>
